<style type="text/css">
    #resultados{
        max-height:653px;
        overflow:auto;
    }
    #buscar_fechas, #buscar_std{
        padding-right:18px;
        background-position: right;
        background-repeat: no-repeat;
    }
    #buscar_fechas{
        background-image:url("/img/icons/date_magnify.png")
    }
    #buscar_std{
        background-image:url("/img/icons/find.png");
    }
</style>
<?php
if(!isset($q)) $q='';
else $q="&q=$q";
$paginator->options(array('url'=>array('?'=>'limite='.$limite.''.$q)));
?>
<?php $javascript->link(array('index_only.js'), false); ?>
<h2>Listado de Documentos de Compra</h2>
<?php
function checkRow($obj){
    $html = $obj['Html'];
    $obj['DocumentoCompra']['numero_documento'] = (empty($obj['CodigoDocumento']['simbolo'])?$obj['DocumentoCompra']['codigo_documento_id']:$obj['CodigoDocumento']['simbolo']).' '.$obj['DocumentoCompra']['numero_documento'];    
    if ($obj['DocumentoCompra']['anulado'])
        return 'classAnulado';

    return false;
}

echo $getList->getFunction('checkRow');
echo $getList->getList(array(
    'DocumentoCompra',array(
        'form'=>array('action'=>'process','type'=>'post'),
        'table'=>array('class'=>'celda','border'=>'0'),
        'config'=>array(
            '[DocumentoCompra][id]'=>array('type'=>'hidden','key'=>true ),
            '[id]'=>array('type'=>'checkbox','title'=>'','width'=>5),
            '[DocumentoCompra][numero_control]'=>array('type'=>'fields','title'=>'# Control','width'=>70, 'href'=>'view'),
            '[DocumentoCompra][numero_documento]'=>array('type'=>'fields','title'=>'# Documento','width'=>100, 'href'=>'view'),
            '[DocumentoCompra][fecha_emision]'=>array('type'=>'fields','title'=>'Fecha','datatype'=>'date','width'=>80),
            '[DocumentoCompra][centro_dist_id]'=>array('type'=>'fields','title'=>'CD','width'=>30),
            '[DocumentoCompra][nombre_proveedor]'=>array('type'=>'fields','strong'=>true,'title'=>'Proveedor'),
            '[DocumentoCompra][ruc_proveedor]'=>array('type'=>'fields','strong'=>true,'title'=>'RUC','width'=>100),            
            '[Total]'=>array('type'=>'fields','strong'=>true,'title'=>'Importe','fields'=>array(
                 array('[Moneda][simbolo]','[DocumentoCompra][suma_importe_total]'),'%s %s'),'align'=>'right','width'=>80),
            '[Editar]'=>array('type'=>'button','href'=>array('action'=>'edit'),'title'=>'','class'=>'lnkbutton btnedit','order'=>false,'width'=>50),
        ),
        'data'	=>$DocumentoCompras,
        'adition'=>array('find'=>true,'paginator'=>true),
        'button'=>array(
            'default'=>true,
            'Anular'=>array('div'=>false,'name'=>'anular','class'=>'btncancel')            
        )
    )
));
?>
<script type="text/javascript">
    function attach_datepicker(){
        $(':text.date').datepicker({dateFormat:'dd/mm/yy'});
    }
    
    $(function(){
        $('.classAnulado').each(function(){
            $(this).css('color','red').find('input:checkbox').remove().end();
            $(this).find('td:first').append('<?php echo $html->image('icons/cancel.png',array('class' =>'loader'));?>')
        });

        $('#filterBox')
            .parent()
            .prepend('<a href="#" id="buscar_fechas" style="vertical-align: top;">[Buscar por Fechas]</a>\
                     <a href="#" id="buscar_std" style="display:none;vertical-align:top;">[Buscar por Documentos]</a> ')
            .find('#buscar_fechas')
                .click(function(e){
                    e.preventDefault();
                    $this = $(this);
                    $this
                        .hide()
                        .siblings('a:hidden').show().end()
                        .siblings('#filterBox')
                            .replaceWith(
                                '<span>F.I.</span><input type="text" name="fecha_inicial" size="13" class="date" title="Fecha inicial"/> '+
                                '<span>F.F.</span><input type="text" name="fecha_final" size="13" class="date" title="Fecha final"/>');
                    attach_datepicker();
                })
                .end()
            .find('#buscar_std')
                .click(function(e){
                    e.preventDefault();
                    $this = $(this);
                    $this
                        .hide()
                        .siblings('a:hidden').show().end()
                        .parent()
                            .find(':text:last').after('<input type="text" value="" size="30" maxlength="30" id="filterBox" name="q" tabindex="1">').end()
                            .find('span,input.date').remove();
                });
        
        $(':submit[name=listado]').click(function(e){
            $this = $(this);
            $checks = $('#resultados tbody input:checked');
            if(!$checks.length){
                if(window.x){
                    $.gritter.remove(window.x);
                }
                e.preventDefault();
                window.x = alerta('Debe seleccionar por lo menos un Documento de Compra<br>Busque documentos por Fecha');
            }
            $this.parents('form').attr('action',_WEB_ROOT+'documento_compras/listado_compras');
        });
        
    });
</script>